import axios from 'axios'
import { ElMessage } from 'element-plus'
import router from '@/router/index.js'

// 创建axios实例
const service = axios.create({
    // 从环境变量获取基础URL
    baseURL: import.meta.env.VITE_API_URL,
    // 请求超时时间
    timeout: 5000,
    headers: {
        'Content-Type': 'application/json;charset=utf-8'
    }
})

// 请求拦截器
service.interceptors.request.use(
   config => {
        // 添加token
        const token = sessionStorage.getItem('token')
        if (token) {
            config.headers.Authorization = `Bearer ${token}`
        }
        return config
    },
    error => {
        ElMessage.error('请求参数错误')
        return Promise.reject(error)
    }
)

// 响应拦截器
service.interceptors.response.use(
    response => {
        const res = response.data
        // 根据状态码处理错误
        switch (res.code) {
            case 401:
                // 清除登录状态
                sessionStorage.clear()
                // 跳转到登录页
                router.replace('/login').catch(err => {
                    console.error('路由跳转失败:', err)
                })
                // 阻止继续处理响应
                return Promise.reject(new Error(res.msg))
            case 403:
                ElMessage.error(res.msg)
                break
            case 404:
                ElMessage.error(res.msg)
                break
            case 500:
                ElMessage.error(res.msg)
                break
            default:
                return res
        }
        return res
    },
    error => {
        // 网络错误处理
        if (!error.response) {
            ElMessage.error('网络连接异常，请检查网络!')
            return Promise.reject(error)
        }
        return Promise.reject(error)
    }
)

export default service